<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>进阶课,第一次写前端</title> 
    <!-- 这个title是页面的名字,显示在任务栏 -->
</head>
<body>
    <!-- 页面展示的信息都在 body 里面 ,其中要表示一些符号要使用转义字符-->
    <!-- hello world
    <p>表示&nbsp;&nbsp;&nbsp;段落</p>
    <h1>标题</h1> -->

    <!-- <img src="img1.png" width="300" height="200">
    <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.7TR2k4QU06TiowN6oiuZAAHaGk?rs=1&pid=ImgDetMain"> -->
    <!-- 图片标签,src用来输入图片路径(相对路径/绝对路径) 还可以设置宽度和长度-->

    <!-- 超链接 -->
    <!-- <a href="http://www.baidu.com">百度</a>
    <a href="test1.html">跳转</a>
    <a href="http://www.baidu.com"><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.7TR2k4QU06TiowN6oiuZAAHaGk?rs=1&pid=ImgDetMain"></a> -->



    
    <table border="1px" cellspacing="0px" width="500px" align="center">
        <tr>
            <td>姓名</td>
            <td>ID</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>001</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>002</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>003</td>
        </tr>
    </table>
    <!-- 自动创建  tr*n>td*n>  -> 表示一共有n行,且每一行有n个格子 -->
</body>
</html>